<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>视频播放</title>
<style type="text/css">
{literal}
body{text-align:center;} 
.align-center{ 
    margin:0 auto; /* 居中 这个是必须的，，其它的属性非必须 */ 
    width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */ 
    background:red; /* 背景色 */ 
    text-align:center; /* 文字等内容居中 */ 
} 
{/literal}
</style>
</head>
<body>

<div id="playercontainer" class="align-center"></div>
<script type="text/javascript" src="images/player/cyberplayer.js"></script>
<script type="text/javascript">
var play_url = '{$play_url}';
{literal}
var player = cyberplayer("playercontainer").setup({
    width: 680,
    height: 448,
    file: play_url, // <—rtmp直播地址
    autostart: true,
    stretching: "uniform",
    volume: 100,
    controls: true,
    rtmp: {
        reconnecttime: 5, // rtmp直播的重连次数
        bufferlength: 1 // 缓冲多少秒之后开始播放 默认1秒
    },
    //isLive: true,
    ak: "3fe3be61e66f4a719d7c551176b608bc" // 公有云平台注册即可获得accessKey
});
{/literal}
</script>

</body>
</html>